<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />

    <title>收货人信息表单</title>

    <link rel="stylesheet" href="style3.css" />
  </head>

  <body>
    <form class="receiver-form">
      <div class="form-group">
        <label for="receiver">收货人</label>

        <input type="text" id="receiver" name="receiver" />
      </div>

      <div class="form-group">
        <label for="phone">手机号码</label>

        <input type="tel" id="phone" name="phone" />
      </div>

      <div class="form-group">
        <label for="area">所在地区</label>

        <input type="text" id="area" name="area" />
      </div>

      <div class="form-group">
        <label for="address">详细地址</label>

        <textarea id="address" name="address" rows="5"></textarea>
      </div>

      <div class="form-group">
        <label>标签</label>

        <div class="radio-group">
          <input type="radio" id="home" name="tag" checked />

          <label for="home">家</label>

          <input type="radio" id="company" name="tag" />

          <label for="company">公司</label>

          <input type="radio" id="school" name="tag" />

          <label for="school">学校</label>
        </div>
      </div>

      <div class="form-group">
        <input type="checkbox" id="default" name="default" checked />

        <label for="default">设置为默认地址</label>
      </div>

      <button type="submit">提交</button>
    </form>
  </body>
</html>
